div#chat {background-image: url(./images/chat.png);}

div#tchat {text-shadow: none;}
div#tchat div.dlg-header {background-image: url(./images/chat2.png);}

div#tchat div#chatusers {float: left;}
div#tchat div#chatusers div#userlist {width: 80px; border: solid 1px #D0D0D0; overflow: hidden; margin: 0px; padding: 0px;}
div#tchat div#chatusers div#userlist select {background: none; background-color: #F0F0F0; width:100px; height: 300px; margin: 0px auto; padding: 0px; border: none;}
div#tchat div#chatusers div#userlist option {background-color: #F0F0F0;}
div#tchat div#chatusers div#userlist option.nopm {color: #FF0000;}
div#tchat div#chatusers div#userlist option.newchat {background-color: #C0C0C0; color: #0000FF;}

div#tchat div#chatmessages {float: right;}
div#tchat div#chatarea {background-color: #F0F0F0; width: 365px; height: 295px; overflow: auto; border: 1px solid #D0D0D0; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000;}
div#tchat input[type=text] {margin-top: 5px; margin-bottom: 5px; height: 12px; width: 260px;}

div#chatSmileys div.dlg-header {background-image: url(./images/chat2.png);}
div#chatSmileys table {border-collapse: collapse;}
div#chatSmileys table tr td {width: 15px; white-space: nowrap; border: solid 1px #D0D0D0; padding: 5px;}
div#chatSmileys table tr td span {cursor: pointer;}

div#chatPrompt {width: 380px;}
div#chatPrompt-header {background-image: url(./images/error.gif);}
div#chatPrompt-content {line-height: 16px; margin: 5px; padding: 5px; width: 360px;}

.smileysContainer span#frown1 {background: url(./images/smileys.png) no-repeat 0px 0px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#shocked1 {background: url(./images/smileys.png) no-repeat -14px 0px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#wink1 {background: url(./images/smileys.png) no-repeat -28px 0px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#angry1 {background: url(./images/smileys.png) no-repeat -42px 0px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#straight1 {background: url(./images/smileys.png) no-repeat -56px 0px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#slant1 {background: url(./images/smileys.png) no-repeat -84px 0px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#grin1 {background: url(./images/smileys.png) no-repeat -98px 0px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#tongue1 {background: url(./images/smileys.png) no-repeat -112px 0px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#sad1 {background: url(./images/smileys.png) no-repeat -112px -14px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#wince1 {background: url(./images/smileys.png) no-repeat -42px -28px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#smile1 {background: url(./images/smileys.png) no-repeat -56px -28px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#cool1 {background: url(./images/smileys.png) no-repeat -70px -28px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#devil1 {background: url(./images/smileys.png) no-repeat -112px -28px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#love1 {background: url(./images/smileys.png) no-repeat -42px -14px; width: 14px; height: 14px; display: inline-block;}

.smileysContainer span#frown2 {background: url(./images/smileys.png) no-repeat -98px -14px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#shocked2 {background: url(./images/smileys.png) no-repeat -84px -14px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#wink2 {background: url(./images/smileys.png) no-repeat -98px -28px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#angry2 {background: url(./images/smileys.png) no-repeat -70px -14px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#straight2 {background: url(./images/smileys.png) no-repeat -70px 0px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#slant2 {background: url(./images/smileys.png) no-repeat -14px -28px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#grin2 {background: url(./images/smileys.png) no-repeat 0px -28px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#tongue2 {background: url(./images/smileys.png) no-repeat -84px -28px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#sad2 {background: url(./images/smileys.png) no-repeat -56px -14px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#wince2 {background: url(./images/smileys.png) no-repeat -28px -14px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#smile2 {background: url(./images/smileys.png) no-repeat -28px -28px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#cool2 {background: url(./images/smileys.png) no-repeat 0px -14px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#devil2 {background: url(./images/smileys.png) no-repeat -14px -14px; width: 14px; height: 14px; display: inline-block;}
.smileysContainer span#love2 {background: url(./images/smileys.png) no-repeat -42px -14px; width: 14px; height: 14px; display: inline-block;}
